<template>
  <div class="loading_container" v-show="visible">
    <div class="loading_wrapper">
      <div class="massage">
        {{ message }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      message: "",
      visible: false,
    };
  },
};
</script>
<style lang="scss">
.loading_container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.loading_wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 400px;
}
.massage {
  padding: 10px 10px;
  border: radius 5px;
  background-color: rgba(202, 202, 199, 0.5)

}
</style>